@charset "utf-8";
$index_color: #b20000;
$font_color: #323232;
$icon_color: #c5c5c5;
@function r($px) {
  @return $px/50px * 1rem;
}

html,
body {
  position: relative;
  overflow: hidden;
}

.web {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: $index_color;
    padding: r(25px) 0;
    .list_box {
      margin-left: r(24px);
      margin-top: r(8px);
      line-height: r(36px);
      i {
        font-size: r(36px);
      }
    }
    .function_box {
      .icon_box {
        width: r(42px);
        height: r(42px);
        border: 1px solid #ffffff;
        border-radius: 50%;
        text-align: center;
        line-height: r(42px);
        margin-right: r(20px);
        i {
          display: inline-block;
          vertical-align: top;
          font-size: r(26px);
        }
      }
    }

    .logo_box {
      width: r(264px);
      height: r(40px);
      margin: 0 auto;
      line-height: r(40px);
      img {
        height: 100%;
        vertical-align: middle;
      }
    }
    i {
      color: #fff;
    }
  }
  section {
    position: absolute;
    left: 0;
    width: 100%;
    top: r(98px);
    bottom: r(135px);
    overflow-y: auto;
  }
  footer {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #bbb9ba;
    width: 100%;
    background-color: #fff;
    ul {
      padding: r(15px) 0 r(12px);
      li {
        width: 20%;
        text-align: center;
        position: relative;
        a {
          color: #8b8b8b;
          display: inline-block;
          width: 100%;
          height: 100%;
          i {
            font-size: r(38px);
          }
          p {
            font-size: r(18px);
          }
          &.active {
            color: $index_color;
          }
        }
        &:not(:last-child)::after {
          content: "";
          display: block;
          width: 1px;
          height: r(50px);
          background-color: $icon_color;
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
        }
      }
    }
  }
}
.kv {
  position: relative;

  img {
    width: r(640px);
    height: r(347px);
  }
  .black_box {
    background-color: rgba(128, 65, 65, 0.4);
    position: absolute;
    top: r(242px);
    left: 0;
    width: r(640px);
    height: r(105px);
    p {
      margin-top: r(23px);
      text-align: center;
      font-size: r(26.63px);
      color: white;
    }
  }
}
.news_time {
  font-size: r(17.76px);
  color: #ffffff;
  position: absolute;
  top: 35px;
  right: 10px;
}
.news_list {
  width: r(80px);
  height: r(15px);
  background: rgba(255, 255, 255, 0);
  border-radius: 7px;
  position: absolute;
  top: 40px;
  left: 170px;
}
.news_list li {
  float: left;
  width: r(10px);
  height: r(10px);
  background-color: #fff;
  border-radius: 50%;
  margin: r(5px);
}

.logo_photo {
  width: r(581px);
  height: r(200px);
  margin: 0 auto;
}
.logo_bg {
  background-image: url(../img/图层\ 51.png);
  width: r(220px);
  height: r(150px);
  margin: r(19px) r(30px) r(19px) r(51px);
  background-size: cover;
  float: right;
  line-height: r(150px);
}
.logo_bg2 {
  background-image: url(../img/图层\ 56.png);
  width: r(220px);
  height: r(150px);
  margin: r(19px) r(30px) r(59px) r(51px);
  background-size: cover;
  float: right;
  line-height: r(150px);
}
.logo_bg3 {
  background-image: url(../img/图层\ 63.png);
  width: r(220px);
  height: r(150px);
  margin: r(19px) r(30px) r(19px) r(51px);
  background-size: cover;
  float: right;
  line-height: r(150px);
}
.logo_bg4 {
  background-image: url(../img/图层\ 64.png);
  width: r(220px);
  height: r(150px);
  margin: r(19px) r(30px) r(19px) r(51px);
  background-size: cover;
  float: right;
  line-height: r(150px);
}
.logo_bg5 {
  background-image: url(../img/图层\ 66.png);
  width: r(220px);
  height: r(150px);
  margin: r(19px) r(30px) r(19px) r(51px);
  background-size: cover;
  float: right;
  line-height: r(150px);
}
.logo_bg6 {
  background-image: url(../img/图层\ 67.png);
  width: r(220px);
  height: r(150px);
  margin: r(19px) r(30px) r(19px) r(51px);
  background-size: cover;
  float: right;
  line-height: r(150px);
}
.logo_photo p {
  font-size: r(25px);
  padding: 10px 0px 0px 10px;
  display: block;
}
.logo_footer {
  color: #c5c5c5;
  font-size: r(19.53px);
}
.hr {
  width: 100%;
  height: r(24px);
  background-color: #c5c5c5;
}
.banner img {
  width: r(186px);
  height: r(126px);
  /*   display: inline-block; */
  margin: r(18px) r(20px) r(0px) r(1px);
}
.banner p {
  font-size: r(24.86px);
  display: inline-block;
  margin-left: 30px;
}

banner span {
  width: 26px;
  height: 26px;
}
.rentou_name {
  font-size: r(20px);
  color: #c5c5c5;
  /*   padding:r(14px) r(18px) r(15px) r(10px) ;  */
  vertical-align: top;
}
.logo_loading {
  color: #bbbbbb;
  font-size: r(22px);
  text-align: center;
}
.GIMC_logo{
  background: url(../img/图层-70.png)no-repeat;
    width: 100%;
    height: r(150px);
    background-size: contain;
    margin-top: 5px;
}
.GIMC_select{
  width: r(640px);
  height: r(95px);
}
.GIMC_text{
 width: r(213px);
 height: 3.00rem;
 font-size: 26px;
 color: gray;
 margin-left: 7px;
}

.GIMC_part{
  width: r(582px);
  height: r(796px);
  margin: 0 auto;
}
.GIMC_part p{
  text-indent: 2em;
  font-size: 20px;
  color:  #bbbbbb;
  display: none;
}
#item1:checked~.GIMC_part .yuiko1{
  display: block;
}
#item2:checked~.GIMC_part .yuiko2{
  display: block;
}
#item3:checked~.GIMC_part .yuiko3{
  display: block;
}

.case{
      background: url(../img/图层\ 5.png)no-repeat;
      width: 100%;
      height: r(403px);
      background-size: contain;
      margin-top: -80px;
      position: relative;
      
}
.calendar{
  width: r(583px);
  height:r(622px) ;
  margin: 0 auto;
  /* border: 1px solid red; */
}
.case1{
  width: r(583px);
  height: r(83px);
  /* border: 1px solid blue; */
  background: #b20000;
  
}
.case2{
  width: r(583px);
  height: r(106px);
/*   border: 1px solid yellow; */
  position: relative;
}
.case_title{
  color: #313131;
  font-size: 25px;
}
.case_text{
  color: #b20000;
  font-size: 8px;
  position: absolute;
  left: 48px;
  top: 40px;
}
